<style rel="stylesheet/scss" lang="scss" scoped>

</style>

<template>
<div>

  <div>

    <div class="clearfix bf-top-button">
      <el-button type="primary" plain style="margin-left: 10px">预览短信</el-button>
      <el-button type="primary" plain style="margin-left: 10px">确定发送</el-button>
    </div>

    <div style="margin-left: 20px; width: 80%">

      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="发送员工:">
          <el-button type="info" round>选择(多选)</el-button>
          <span>您已选择0名员工</span>
        </el-form-item>
        <el-form-item label="短信内容:">
          <el-input type="textarea" v-model="form.desc"></el-input>
        </el-form-item>
        <el-form-item label="短信签名:">
          <el-input v-model="form.sign"></el-input>
        </el-form-item>
        <el-form-item label="即时发送:">
          <el-switch v-model="form.delivery"></el-switch>
        </el-form-item>
        <el-form-item label="发送时间:">
          <el-col :span="11">
            <el-date-picker type="datetime" placeholder="选择日期" v-model="form.senddatetime" style="width: 100%;"></el-date-picker>
          </el-col>
        </el-form-item>

      </el-form>
    </div>
  </div>

</div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        employees: [],
        desc: '亲爱的#员工姓名#，五一到来之际，感谢您为公司的辛苦付出，在此为您送上一份衷心的祈祷与祝福，祝您和家人度过一个愉快而祥和的劳动节~',
        sign: '公司抬头',
        delivery: true,
        senddatetime: ''
      }
    }
  },
  mounted: function() {

  },
  methods: {

  }
}
</script>
